import 'package:flutter/material.dart';

class VerticalScrollComponent extends StatefulWidget {
  @override
  _VerticalScrollComponentState createState() =>
      _VerticalScrollComponentState();
}

class _VerticalScrollComponentState extends State<VerticalScrollComponent> {
  double _verticalOffset = 0.0;

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onVerticalDragUpdate: (DragUpdateDetails details) {
        setState(() {
          _verticalOffset += details.delta.dy;
        });
      },
      child: Container(
        width: 200.0,
        height: 200.0,
        color: Colors.blue,
        child: Center(
          child: Text(
            'Vertical Scroll Component',
            style: TextStyle(fontSize: 20.0, color: Colors.white),
          ),
        ),
      ),
    );
  }
}

void main() {
  runApp(MaterialApp(
    home: Scaffold(
      appBar: AppBar(
        title: Text('Vertical Scroll Component Example'),
      ),
      body: Center(
        child: VerticalScrollComponent(),
      ),
    ),
  ));
}
